#@adminLayout()

#define content()
<script src="../assets/js/echarts.common.min.js"></script>
<!-- content start -->
<div class="admin-content">
    <div class="admin-content-body">
        <div class="am-cf am-padding am-padding-bottom-0">
            <div class="am-fl am-cf">
                <strong class="am-text-primary am-text-lg">制品库数据统计</strong>
            </div>
        </div>
        <hr>
        <div class="am-u-lg">
            <div class="am-u-lg-3">
                <div class="am-g am-margin-top">
                    <div class="am-u-md-6 am-text-right">
                        年度
                    </div>
                    <div class="am-u-md-6">
                        <select>
                            <option>2017</option>
                            <option>2018</option>
                            <option>2019</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="am-u-lg-3">
                <div class="am-g am-margin-top">
                    <div class="am-u-md-6 am-text-right">
                        月份
                    </div>
                    <div class="am-u-md-6">
                        <div class="am-u-md-6">
                            <select>
                                <option>1月</option>
                                <option>2月</option>
                                <option>3月</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="am-u-lg-3">
                <div class="am-g am-margin-top">
                    <!--
                    <label class="am-radio am-secondary">
                        <input type="radio" name="radio1" value="" checked="checked" data-am-ucheck checked>按年统计
                    </label>
                    <label class="am-radio am-secondary">
                        <input type="radio" name="radio1" value="" data-am-ucheck>按月统计
                    </label>
                    -->
                    <input type="radio" name="radio1" value="0" checked="checked">按年统计&nbsp;&nbsp;
                    <input type="radio" name="radio1" value="1">按月统计&nbsp;&nbsp;
                </div>
            </div>
            <div class="am-u-lg-3">
                <div class="am-g am-margin-top">
                    <div class="am-u-md-6 am-text-right">
                        <button type="button" class="am-btn-primary"> 统 计</button>
                    </div>
                </div>
            </div>
            <div class="am-u-lg am-margin-top-xl">
                <hr>
            </div>
        </div>
        <!-- 图表展示区 -->
        <div id="main" style="width: 1000px;height:400px;"></div>
    </div>
</div>
</div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['在库基准', 'MQB_B一区', 'MQB_B三区', 'C7三区', 'C7四区']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        xAxis: {
            type: 'category',
            boundaryGap: true,
            data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '在库基准',
                type: 'line',
                data: [0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75, 0.75]
            },
            {
                name: 'MQB_B一区',
                type: 'line',
                data: [1.25, 1.25, 0.75, 0.55, 0.45, 0.75, 0.85, 0.85, 0.85, 1, 1, 0.75]
            },
            {
                name: 'MQB_B三区',
                type: 'line',
                data: [2, 1.75, 1.75, 1.75, 1.25, 1.25, 1.25, 1, 1.25, 1.25, 1.75, 1.75]
            },
            {
                name: 'C7三区',
                type: 'line',
                data: [0.75, 0.85, 0.95, 0.85, 0.75, 0.55, 0.55, 0.45, 0.55, 0.75, 0.85, 0.75]
            },
            {
                name: 'C7四区',
                type: 'line',
                data: [0.75, 0.85, 0.85, 0.75, 0.85, 0.95, 0.85, 0.85, 0.95, 0.85, 0.95, 0.75]
            }
        ]
    };


    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
<!-- content end -->
#end